<template>
    <div class="flex flex-col text-white justify-center items-center">
        <div @click="$emit('up')">
            <SvgIcon class="w-1.8rem text-white  cursor-pointer" local-icon="arrow-up" />
        </div>
        <slot></slot>
        <div @click="$emit('down')">
            <SvgIcon class="w-1.8rem  text-white cursor-pointer" local-icon="arrow-down" />
        </div>
    </div>
</template>
<script lang="ts" setup>
const emits = defineEmits<{
    (e: 'up'): void;
    (e: 'down'): void;
}>();

</script>